// 加入购物车逻辑如下
// 1 先给对应按钮绑定点击事件
// 2 获取缓存中的购物车数据 数组格式
// 3 先判断当前商品是否已经存在购物车
// 4 已经存在 则修改商品数据 执行购物车数量++ 重新把购物车数组填充回缓存数组中
// 5 不存在的话 直接给购物车数组添加新元素 新元素包括购买数量：num 再重新吧购物车数组填充回缓存中
// 6 弹出提示给用户

// 商品收藏
// 页面onshow 加载缓存中的商品收藏数据（因为详情页经常打开关闭，所以在onshow中写逻辑）
// 判断当前商品是否被收藏
// 是：改变页面收藏图标
// 否：不做操作
import { request } from "../../request/req.js"
Page({

  /**
   * 页面的初始数据
   */
  data: {
    // 商品详情数据
    goodsobj: {},
    // 商品是否被收藏
    isCollect: false
  },

  // 定义一个商品对象，方便下面的点击轮播图预览使用，因为请求成功的数据在预览方法里面取不到。
  GoodsInfo: {},
  /**
   * 生命周期函数--监听页面加载
   */
  onShow: function () {
    let pages = getCurrentPages();
    let currentPage = pages[pages.length - 1];
    let options = currentPage.options;
    const goods_id = options.goods_id;
    this.getGoodsDetail(goods_id);

  },

  // 获取商品详情数据res.data.message
  getGoodsDetail(goods_id) {
    request({
      url: '/goods/detail',
      data: {goods_id}
    }).then((res)=> {
      // console.log(res);
      this.GoodsInfo = res.data.message;
      // 获取缓存中的商品收藏数组
      let collect = wx.getStorageSync("collect") || [];
      // 判断当前商品是否被收藏
      let isCollect = collect.some(v=> v.goods_id === this.GoodsInfo.goods_id)
      this.setData({
        goodsobj: {
          goods_name: res.data.message.goods_name,
          goods_price: res.data.message.goods_price,
          // iphone部分手机不识别webp格式的图片,所以这里临时给他格式更改成.jpg.最好的办法是找到后台让后台修改.
          goods_introduce: res.data.message.goods_introduce.replace(/\.webp/g, '.jpg'),
          pics: res.data.message.pics
        },
        isCollect: isCollect,
      })
    })
  },

  // 点击轮播同预览当前图片的大图
  handlePrevewImage(e) {
    // console.log(e);
    // 定义要预览的图片数组
    const urls = this.GoodsInfo.pics.map(v => v.pics_mid);
    // 接收传过来的图片url
    const current = e.currentTarget.dataset.url;
    wx.previewImage({
      current: current,
      urls:urls
    })
  },

  // 点击加入购物车
  handleCartAdd() {
    // 获取缓存中的购物车数组
    let cart = wx.getStorageSync("cart") || [];
    // 判断 商品对象是否存在于购物车数组中
    let index = cart.findIndex(v => v.goods_id == this.GoodsInfo.goods_id);
    if (index == -1) {
      // 不存在 说明是第一次添加
      this.GoodsInfo.num = 1;
      this.GoodsInfo.checked = true;
      cart.push(this.GoodsInfo);
    } else {
      // 已存在 则直接让商品数量加1
      cart[index].num++;
    }

    // 此时重新把购物车数组添加回缓存中
    wx.setStorageSync("cart", cart);
    // 弹窗提示
    wx.showToast({
      title: '加入购物车成功',
      icon: 'success',
      mask: true
    })
  },

  // 收藏商品
  handleCollect() {
    let isCollect = false;
    // 获取缓存中商品收藏数组
    let collect = wx.getStorageSync("collect") || [];
    // 判断该商品是否被收藏过
    let index = collect.findIndex(v=> v.goods_id === this.GoodsInfo.goods_id);
    // 如果返回值index == -1 说明没有收藏过 反之说明该商品已经被收藏了
    if(index != -1) {
      // 当前商品已经收藏过了
      collect.splice(index,1);
      isCollect = false;
      wx.showToast({
        title: '取消收藏',
        icon: 'success',
        mask: true,
      })
    }  else {
      collect.push(this.GoodsInfo);
      isCollect = true;
      wx.showToast({
        title: '收藏成功',
        icon: 'success',
        mask: true,
      })
    }
    // 把数组存入缓存中
    wx.setStorageSync("collect", collect);
    // 修改data中的数据iscollect
    this.setData({
      isCollect
    })
  },  
})